// /**
//  * 用户登录
//  *  1. 收集并校验数据
//  *  2. 提交数据
//  *  3. 缓存响应数据
//  *  4. 跳转首页
//  * */
// document.querySelector('#btn-login').addEventListener('click', async () => {
//   // 1. 收集并校验数据
//   const form = document.querySelector('.login-form')
//   const data = serialize(form, { empty: true, hash: true })
//   console.log(data)
//   const { username, password } = data
//   // 非空判断
//   if (username === '' || password === '') {
//     showToast('用户名和密码不能为空')
//     return
//   }

//   // 格式判断
//   if (username.length < 8 || username.length > 30 || password.length < 6 || password.length > 30) {
//     showToast('用户名长度8-30，密码长度6-30')
//     return
//   }

//   // 2. 提交数据
//   try {
//     const res = await axios.post('/login', { username, password })
//     // console.log(res)
//     showToast(res.message)
//     // 3. 缓存响应数据
//     localStorage.setItem('token', res.data.token)
//     localStorage.setItem('username', res.data.username)
//     // 4. 跳转首页
//     // 延迟一会在跳转，让提示框显示
//     setTimeout(() => {
//       // login.html和index.html的相对关系
//       location.href = './index.html'
//     }, 1500)

//   } catch (error) {
//     // console.dir(error)
//     showToast(error.response.data.message)
//   }

// })
document.querySelector('#btn-login').addEventListener('click', async() => {
  /* 
  获取表单值
  校验表单值
  发送请求
  成功后跳转
  */
  const form = document.querySelector('.login-form')
  const data = serialize(form, { hash: true, empty: true })
  const { username, password } = data
//判断
if(username.length<5){
  return showToast('请输入不小于5个的字符的用户名')
}
if(password.length<5){
  return showToast('请输入不小于5个的字符密码')
}
// const res=await axios.post('/register',{
//   username,、
// })
//判断然后跳转
// if(res.data.message=='注册成功'){
//   location.href='./login.html'
// }
try{
  const res=await axios.post('/login',{
    username,
    password
  })
  showToast(res.data.message)
  //存储本地
  localStorage.setItem('token',res.data.data.token)
  localStorage.setItem('usee',JSON.stringify(res.data.data))
  setTimeout(()=>{
    location.href='./index.html'
  },1000)
}catch(err){

}
})